3D Heart Simulation - STEM Innovation Fair

🎯 What Is This Model?

This is an interactive 3D computer model of a human heart that you can rotate, zoom, and explore! It shows how blood flows through the four chambers of the heart in real-time, with realistic pumping motion and color-coded blood vessels.

        🎮 Try It Yourself!

        • Left-click + drag to rotate the heart

        • Scroll wheel to zoom in and out

        • Right-click + drag to pan around

        • Watch the red and blue particles showing blood flow!

🔬 How Does It Work?

1 3D Shapes
The heart is built from mathematical shapes called "spheres" and "tubes" that are stretched and positioned to look like real heart chambers and blood vessels.

2 Materials
Special computer "paint" makes the heart look like real muscle - slightly shiny, with tiny bumps and texture that mimic living tissue.

3 Animation
The chambers squeeze and relax 60-100 times per minute (just like a real heart!) using mathematical formulas that create the heartbeat rhythm.

4 Blood Flow
Tiny glowing spheres travel along curved paths through the vessels, showing how oxygen-rich (red) and oxygen-poor (blue) blood circulate.

💻 The Technology Behind It

🌐 Web Technologies

This model runs entirely in your web browser using:

HTML5 - The structure of the webpage
WebGL - 3D graphics powered by your computer's graphics card
JavaScript - The programming language that makes everything move
Three.js - A special library that makes 3D programming easier

📐 The Math Behind the Magic

❤️

Geometry: Spheres, cylinders, and curves
Trigonometry: Sine waves create the heartbeat rhythm
Physics: Light reflection and shadow calculations
Algorithms: Particle systems for blood flow

// Simplified example of heartbeat animation

function animateHeart() {

  const time = Date.now() * 0.001;

  const beat = Math.sin(time * 2) * 0.1;

  heart.scale.set(1 + beat, 1 - beat, 1 + beat);

}

🫀 The Science: How Your Heart Works

The Four Chambers:

Right Atrium - Receives oxygen-poor blood from the body
Right Ventricle - Pumps blood to the lungs
Left Atrium - Receives oxygen-rich blood from lungs
Left Ventricle - The strongest chamber! Pumps blood to the entire body

        🎨 Color Code:

        🔵 Blue vessels = Deoxygenated blood (going to lungs)

        🔴 Red vessels = Oxygenated blood (going to body)

Major Blood Vessels:

Superior/Inferior Vena Cava - Bring blood from body to heart
Pulmonary Artery - Takes blood to lungs (only BLUE artery!)
Pulmonary Veins - Bring oxygenated blood from lungs (only RED veins!)
Aorta - Main artery carrying blood to the body

🎓 What You're Learning

📚 Science (Biology)

Human anatomy
Circulatory system
How organs function
Blood oxygenation

🔢 Technology

3D modeling
Computer graphics
Programming logic
Web development

📐 Engineering

System design
Problem solving
Simulation modeling
Visual design

🧮 Mathematics

Geometry
Trigonometry
Algorithms
Spatial reasoning

🚀 Innovation Features

What Makes This Special?

This isn't just a picture or video - it's a real-time simulation!

✅ Interactive: You control the view - rotate, zoom, explore!
✅ Accurate: Based on real human heart anatomy
✅ Educational: Labels show every important part
✅ Dynamic: Actually beats and pumps like a real heart
✅ Accessible: Runs in any web browser - no special software needed!
✅ Visual: Color-coded system makes learning easier

💡 Fun Facts!

💓 Your heart beats about 100,000 times per day!

🏃 In one day, your blood travels about 12,000 miles - that's like driving across the USA 4 times!

⚡ The heart has its own electrical system that keeps it beating, even outside the body!

🎮 This 3D model uses the same technology as video games and virtual reality!

🔧 How It Was Built

Step-by-Step Process:

1 Research: Studied real heart anatomy from medical diagrams and 3D scans

2 Modeling: Created 3D shapes for each chamber and vessel using mathematical equations

3 Texturing: Generated realistic muscle texture using computer algorithms

4 Animation: Programmed the heartbeat rhythm using sine wave mathematics

5 Particle System: Created blood flow using hundreds of tiny moving spheres

6 Lighting: Added realistic shadows and reflections to make it look 3D

7 Testing: Made sure it runs smoothly on different computers and browsers

🌟 Real-World Applications

Technology like this is used in:

Medical Training: Doctors practice on 3D models before real surgeries
Patient Education: Helping patients understand their conditions
Research: Scientists simulate blood flow to study heart disease
Virtual Reality: Immersive anatomy lessons for students
Video Games: Creating realistic characters and environments

🎯 Challenge Yourself!

        Think About It:

        1. Why do you think the left ventricle is thicker than the right?

        2. What would happen if the heart didn't have valves?

        3. How is this 3D model different from looking at a diagram in a book?

        4. Can you think of other body parts that could be modeled in 3D?